import { VantComponent } from "../common/component";
import { useParent } from "../common/relation";
VantComponent({
  classes: ["active-class", "disabled-class"],
  relation: useParent("sidebar"),
  props: {
    dot: Boolean,
    badge: null,
    info: null,
    title: String,
    disabled: Boolean,
  },
  methods: {
    onClick() {
      const { parent } = this;
      if (!parent || this.data.disabled) {
        return;
      }
      const index = parent.children.indexOf(this);
      parent.setActive(index).then(() => {
        this.$emit("click", index);
        parent.$emit("change", index);
      });
    },
    setActive(selected) {
      return this.setData({ selected });
    },
  },
});
